body{
    min-width: 320px;
    max-width: 750px;
    margin: 0 auto;
    background-color: #F2F4F7;

}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?7kkyc2');
    src: url('../fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?7kkyc2') format('truetype'), url('../fonts/icomoon.woff?7kkyc2') format('woff'), url('../fonts/icomoon.svg?7kkyc2#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}


a{
    text-decoration: none;
}
li{
    list-style: none;
}

@media screen and (min-width:750px) {
    html {
        font-size: 75px !important;
    }
}

.header{
    height: 1.293333rem;
    width: 100%;
    line-height: 1.293333rem;
    text-align: center;
    font-size: 0.466667rem;
    color: #000000;
    border-bottom: 0.013333rem solid #cccccc;
}

.con-hd{
    height: 2.92rem;
    padding: 0 0.466667rem 0 0.44rem;
    p{
        font-size: 0.373333rem;
        color: #333333;
        margin: 0;
        padding: 0.36rem 0 0.44rem 0;
        line-height: 0.533333rem;
    }
    .typ{
        display: block;
        span{
            display:inline-block;
            height: 0.6rem;
            width: 1.426667rem;
            text-align: center;
            line-height: 0.6rem;
            border-radius: 0.133333rem;
            font-size: 0.373333rem;


            &:nth-child(1){
                color: #b1e4ef;
                border: 0.013333rem solid #b1e4ef;
            }

            &:nth-child(2){
                color: #57d1b7;
                border: 0.013333rem solid #57d1b7;
                margin-left: 0.266667rem;
            }
        }
    }
}

.con-bd{
    padding: 0 0.826667rem 0 0.426667rem;
       span{
        display: block;
        font-size: 0.346667rem;
        color: #000000;
        text-align: center;
    
   }
   .text{
       padding: 0.706667rem 0 1rem 0;
       font-size: 0.293333rem;
       line-height: 0.48rem;
       color: #666666;      
   }
   .lis-co{
       padding-top: 0.733333rem;
       p{
           margin: 0;
           color: #b1e4ef;
           font-size: 0.333333rem;
       }
       .item{
           font-size: 0.293333rem;
           color: #666666;
           line-height: 0.533333rem;
         
       }
   }
}

.bott{
    height: 4.24rem;
    width: 8.96rem;
    background-color: #E8E8E8;
    margin: 0.453333rem 0.493333rem 1.306667rem 0.546667rem;
    border-radius: 0.266667rem;
    p{
        height: 3.373333rem;
        width: 8.093333rem;
        
        margin: 0;
        font-size: 0.293333rem;
        line-height: 0.533333rem;
        color: #4D4D4D;
        padding: 0.546667rem 0.466667rem 0.32rem 0.4rem; 
    }

}

.footer{
    height: 1.506667rem;
    width: 100%;
    border-top: 1px solid #cccccc;
    background-color:#9999 ;
    display: flex;
    line-height: 1.506667rem;
    a{
        flex: 50%;
        font-size: 0.373333rem;
        color: #666666;
        padding-left: 0.266667rem;

        &::before{
            content: '\e9d9';
            font-family: 'icomoon';
            padding: 0 0.186667rem 0 0.266667rem;
        }
    }
    .footer-r{
        flex: 50%;
        font-size: 0.373333rem;
        color: #666666;
        display: flex;
        span{
            flex: 33.33%;
            

            &:nth-child(1)::before{
                content: '\e9e1';
                font-family: 'icomoon';
                vertical-align: middle;
                padding-right: 0.08rem;
                color: green;
            }           
          
            &:nth-child(2)::before{
                content: '\e9e5';
                font-family: 'icomoon';
                vertical-align: middle;
                padding-right: 0.08rem;
              
            }


            &:nth-child(3){
                padding-right: 0.24rem;
            }

            &:nth-child(3)::before{
                content: '\e909';
                font-family: 'icomoon';
                vertical-align: middle;
                padding-right: 0.12rem;

            }
        }
       
    }
 
}